<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>考勤统计</title>
  <link href="../../css/global.css" rel="stylesheet" type="text/css">
  <link href="../../css/zTreeStyle/demo.css" rel="stylesheet" type="text/css">
  <link href="../../css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="../../js/laydate/theme/default/laydate.css?v=5.0.9 ">
  <style>
    .datalist th:first-child,
    .datalist td:first-child {
      padding-left: 20px !important;
    }
  </style>
</head>

<body>
  <!--栏目列表-->
  <div class="left_menu">
    <div class="sub">
    </div>
  </div>
  <!--/栏目列表-->
  <div class="right_con">
    <div class="card">
      <div class="title">
        <span>考勤统计</span>
        <div class="cfr">
          <div class="tico full">
            <i class="iconfont icon-quanping"></i>
          </div>
        </div>
      </div>
      <div class="tipbox">
      </div>
      <form id="scform">
        <div class="search">
          <div class="row">
            <div class="fl">
              <div class="search_item">
                <span class="label_title">日期：</span>
                <div class="date_container">
                  <!-- <input type="date" id="startDate" class="ipt" search-obj="startDate" relation="#endDate" placeholder="请选择开始日期" />
                  <strong>至</strong>
                  <input type="date" id="endDate" class="ipt" search-obj="endDate" placeholder="请选择结束日期" /> -->
                  <input class="ipt laydate-rang" type="text" id="startEndDate" placeholder="请选择日期范围">
                  <input type="hidden" id="startDate" name="startDate" search-obj="startDate">
                  <input type="hidden" id="endDate" name="endDate" search-obj="endDate">
                </div>
              </div>
              <div class="search_item">
                <span class="label_title">部门/人员：</span>
                <input type="text" class="ipt select_item" id="choosePerson" />
                <input type="hidden" id="teamIds" search-obj="teamIds" />
                <input type="hidden" id="userIds" search-obj="userIds" />
              </div>
              <button class="btn red" main="" id="search">搜索</button>
              <button class="btn" type="reset" id="reset">清空</button>
            </div>
          </div>
        </div>
      </form>

      <div class="datalist" id="attendanceStatisticsList" srorage="attendanceStatisticsList" data-sc="#scform">
				<div class="lbox"></div>
				<div class="row datafooter">
					<div class="pager">
						<div class="fl">
							每页显示
							<span class="pageSize">10条<span class="size"><em>5条</em><em>10条</em><em>20条</em><em>50条</em><em>100条</em><em>500条</em></span></span>信息&nbsp;共
							<span class="pageCount">10</span>页
						</div>
						<div class="fr">
							<button class="first" disabled=""></button>
							<button class="prev" disabled=""></button>
							<button class="next"></button>
							<button class="last"></button>
						</div>
					</div>
				</div>
      </div>
    </div>
  </div>

  <!--选择部门与人员-->
	<div class="layerBox hide">
    <div class="layerhead"> <span>选择部门与人员</span>
      <div class="fr close-operate"> <i class="iconfont icon-close"></i> </div>
    </div>
    <div class="layerfoot">
      <div class="fr">
        <button class="btn red" id="saveBox-btn">确定</button>
        <button class="btn goback">取消</button>
      </div>
    </div>
    <div class="layermain ztree_select_container">
      <div class="zTreeDemoBackground left">
        <ul id="treeDemo" class="ztree"></ul>
      </div>
      <div class="zTreeDemoBackground right">
        <ol id="ztreeCheckedNames"></ol>
      </div>
    </div>
  </div>
  <!--/选择部门与人员-->

  <script id="jquery_js" src="../../js/jquery-1.11.1.min.js"></script>
  <script id="config_js" src="../../js/config.js"></script>
  <script id="ly_main_js" src="../../js/ly_main.js"></script>
  <script src="../../js/common.js"></script>
  <script src="../../js/layer/layer.js"></script>
  <script src="../../js/laydate/laydate.js"></script>
  <script src="../../js/ztree/jquery.ztree.core.js"></script>
  <script src="../../js/ztree/jquery.ztree.excheck.js"></script>
  <script src="../../js/ourJs/attendance/attendance-statistics-list.js"></script>
</body>

</html>